<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<link rel="stylesheet" type="text/css" href="../static/easyui/themes/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css" href="../static/easyui/themes/icon.css">
<link rel="stylesheet" href="../static/css/style-app.css" />
<script src="../static/jquery/jquery-1.12.4.js"></script>
<script src="../static/easyui/jquery.easyui.min.js"></script>
<script src="../static/easyui/locale/easyui-lang-zh_CN.js"></script>
<title>预警提示</title>
<style>
.content_table {
	border: 1px solid #8DB2E3
}

.content_table td {
	height: 24px;
	padding: 5px
}

.content_table {
	width: 100%;
	border-collapse: collapse
}

.grid th {
	background: #E7F3FE;
	height: 27px;
	line-height: 27px;
	border: 1px solid #8DB2E3;
	padding-left: 5px
}

.content_table td {
	border: 1px solid #8DB2E3;
	padding-left: 5px
}
</style>
</head>

<body>
	<div class="top-part">
			<div class="header">
				<div class="return">
					<a href="../app/index.do"></a>
				</div>
				<div class="header-title">
					资金预警
				</div>
			</div>

		</div>
	<div class="table-container"  data-options="region:'center'" >
		<div>
		<table id="pro_table" class="easyui-datagrid" style="min-height: 100%"></table>
	</div>
	</div>
	
</body>
<script>
	var currentPro;
	$(document).ready(function() {
		$('#pro_table').datagrid({
			rownumbers : true,
			singleSelect : true,
			pagination : true,
			fitColumns : false,
			border : false,
			striped : true,
			//title : "资金预警",
			url : "../warningMoney.do",
			method : 'get',
			onSelect : function(index,row) {
				currentPro = row;
			},
			columns : [ [ {
				field : 'name',
				title : '项目名',
				width : '100%',
				formatter : function(value,row,index) {
					var html = '';
					html += '<div class="info info-mypro"><div class="info-item-content" style="width:'+ ellipsis2() +'px;">'+ row.name+'</div>';
					html += '<div class="info-content" style="width:'+ ellipsis2() +'px;">'+ row.content +'</div>'
				
					html += '<div class="info-num col-4"><span><b>预算金额</b>'+row.budgetmoney +'</span><span class="c-yellow"><b>申请金额</b>'+row.applymoney +'</span><span class="c-green"><b>执行金额</b>'+row.executemoney +'</span><span class="c-blue"><b>剩余金额</b>'+row.remainmoney +'</span></span></div></div>';
					return html;
				}	
			} ] ]
		});
	});
	function ellipsis2(){
		var WIDTH = $("body").width();
		var width;
		width = WIDTH-10
		return width;
	}
</script>

</html>